<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui"
	  xmlns:ui="http://java.sun.com/jsf/facelets">
	  
<ui:composition template="WEB-INF/_template.xhtml">
	<ui:define name="conteudo">
	<p:growl  id="growl" showDetail="true" />
	<h:form prependId="false">			
		
		<p:fieldset>
		
		<p:wizard nextLabel="Próximo" backLabel="Voltar">
	        <p:tab id="tabPessoal" title="Pessoal">
	            <p:panel header="Dados Pessoais">
	            <h:panelGrid id="pnlPessoal" columns="3" cellpadding="5">
	                
	                <h:outputLabel for="txtNome" value="Nome:"/>
	                <p:inputText id="txtNome" value="#{cadastroUsuarioBean.dadosPessoais.nome}"/>
	                <p:message for="txtNome" />
	                
	                <h:outputLabel for="txtCpf" value="CPF:"/>
	                <p:inputMask id="txtCpf" value="#{cadastroUsuarioBean.dadosPessoais.cpf}" mask="999.999.999-99"/>
	                <p:message for="txtCpf" />
	                
	                <h:outputLabel for="txtDataNascimento" value="Data de Nascimento:"/>
	                <p:calendar id="txtDataNascimento" mask="99/99/9999" mindate="01/01/1900" maxdate="31/12/1998" pattern="dd/MM/yyyy"
	                			value="#{cadastroUsuarioBean.dadosPessoais.dataNascimento}" navigator="true"/>
	                <p:message for="txtDataNascimento" />
	                
	                <h:outputLabel for="txtTelefone" value="Telefone:"/>
	                <p:inputMask mask="(99)9999-9999" id="txtTelefone" value="#{cadastroUsuarioBean.dadosPessoais.telefone}"/>
	                <p:message for="txtTelefone" />
	            
	            </h:panelGrid>                
	            </p:panel>
	        </p:tab>
	        
	        <p:tab id="tabEndereco" title="Endereço">
	            <p:panel header="Dados do Endereço">
	            <h:panelGrid id="pnlEndereco" columns="3" cellpadding="5">
	          		
	                <h:outputLabel for="txtCep" value="Cep:"/>
	                <p:inputMask  mask="99999-999" id="txtCep" value="#{cadastroUsuarioBean.endereco.cep}">
	                	<p:ajax event="change" listener="#{cadastroUsuarioBean.preencherEndereco}" update="@form" ></p:ajax>
	                </p:inputMask>	                
	                <p:message for="txtCep" />
	                
	                <h:outputLabel for="txtEstado" value="UF:"/>
	                <p:selectOneMenu id="txtEstado" value="#{cadastroUsuarioBean.endereco.estado}">
			            <f:selectItems value="#{cadastroUsuarioBean.tiposEstados}" var="est" itemValue="#{est}" itemLabel="#{est.estado}" />
			        </p:selectOneMenu>
	                <p:message for="txtEstado" />
	                
	                <h:outputLabel for="txtCidade" value="Cidade:"/>
	                <p:inputText id="txtCidade" value="#{cadastroUsuarioBean.endereco.cidade}"/>
	                <p:message for="txtCidade" />
	                
	                <h:outputLabel for="txtBairro" value="Bairro:"/>
	                <p:inputText id="txtBairro" value="#{cadastroUsuarioBean.endereco.bairro}"/>
	                <p:message for="txtBairro" />
	                
	                <h:outputLabel for="txtRua" value="Logradouro:"/>
	                <p:inputText id="txtRua" value="#{cadastroUsuarioBean.endereco.rua}"/>
	                <p:message for="txtRua" />
	                
	                <h:outputLabel for="txtNumero" value="Número:"/>
	                <p:inputText id="txtNumero" value="#{cadastroUsuarioBean.endereco.numero}"/>
	                <p:message for="txtNumero" />
	                
	             	<h:outputLabel for="txtComplemento" value="Complemento:"/>
	                <p:inputTextarea id="txtComplemento" value="#{cadastroUsuarioBean.endereco.complemento}"/>
	                <p:message for="txtComplemento" />
	            
	            </h:panelGrid>   
	            </p:panel>
	        </p:tab>
	        
	        <p:tab id="tabLogin" title="Login">
	            <p:panel header="Dados da conta">
	            <h:panelGrid id="pnlLogin" columns="3" cellpadding="5">
	                
	                <h:outputLabel for="txtUsuario" value="Usuário:"/>
	                <p:inputText id="txtUsuario" value="#{cadastroUsuarioBean.login.usuario}"/>
	                <p:message for="txtUsuario" />
	                
	                <h:outputLabel for="txtSenha" value="Senha:"/>
	                <p:password id="txtSenha" value="#{cadastroUsuarioBean.login.senha}" redisplay="true" />
	                <p:message for="txtSenha" />
	                
	                <h:outputLabel for="txtSenhaConfirmação" value="Confirmar Senha:"/>
	                <p:password id="txtSenhaConfirmação" value="#{cadastroUsuarioBean.confirmacaoSenha}" redisplay="true" />
	                <p:message for="txtSenhaConfirmação" />
	                
	                <h:outputLabel for="txtTipoUsuario" value="Tipo de Usuário:"/>
	                <p:selectOneMenu id="txtTipoUsuario" value="#{cadastroUsuarioBean.login.tipoUsuario}">
			            <f:selectItems value="#{cadastroUsuarioBean.tiposUsuarios}" var="usu" itemValue="#{usu}" itemLabel="#{usu.valor}" />
			        </p:selectOneMenu>
	                <p:message for="txtTipoUsuario" />
	            
	            </h:panelGrid>   
	            </p:panel>
	        </p:tab>
	        
	        <p:tab id="tabConfirmacao" title="Confirmação">
	            <p:panel header="Confirmação dos dados">
	            <p:fieldset legend="Dados Pessoais">
	            <h:panelGrid columns="2">
	            
	            	<h:outputLabel for="txtNomeConf" value="Nome:"/>
	                <h:outputLabel id="txtNomeConf" value="#{cadastroUsuarioBean.dadosPessoais.nome}"/>
	                
	                <h:outputLabel for="txtCpfConf" value="CPF:"/>
	                <h:outputLabel id="txtCpfConf" value="#{cadastroUsuarioBean.dadosPessoais.cpf}"/>
	                
	                <h:outputLabel for="txtDataNascimentoConf" value="Data de Nascimento:"/>
	                <h:outputLabel id="txtDataNascimentoConf" value="#{cadastroUsuarioBean.dadosPessoais.dataNascimento}"/>
	                
	                <h:outputLabel for="txtTelefoneConf" value="Telefone:"/>
	                <h:outputLabel id="txtTelefoneConf" value="#{cadastroUsuarioBean.dadosPessoais.telefone}"/>
	             </h:panelGrid>
	             </p:fieldset> <br />
	                
	             <p:fieldset legend="Endereço">
	             <h:panelGrid columns="2">
	                <h:outputLabel for="txtCepConf" value="Cep:"/>
	                <h:outputLabel id="txtCepConf" value="#{cadastroUsuarioBean.endereco.cep}"/>
	                
	                <h:outputLabel for="txtEstadoConf" value="Estado:"/>
	                <h:outputLabel id="txtEstadoConf" value="#{cadastroUsuarioBean.endereco.estado.estado}"/>
	                
	                <h:outputLabel for="txtCidadeConf" value="Cidade:"/>
	                <h:outputLabel id="txtCidadeConf" value="#{cadastroUsuarioBean.endereco.cidade}"/>
	                
	                <h:outputLabel for="txtBairroConf" value="Bairro:"/>
	                <h:outputLabel id="txtBairroConf" value="#{cadastroUsuarioBean.endereco.bairro}"/>
	                
	                <h:outputLabel for="txtRuaConf" value="Logradouro:"/>
	                <h:outputLabel id="txtRuaConf" value="#{cadastroUsuarioBean.endereco.rua}"/>
	                
	                <h:outputLabel for="txtNumeroConf" value="Número:"/>
	                <h:outputLabel id="txtNumeroConf" value="#{cadastroUsuarioBean.endereco.numero}"/>
	                
	             	<h:outputLabel for="txtComplementoConf" value="Complemento:"/>
	                <h:outputLabel id="txtComplementoConf" value="#{cadastroUsuarioBean.endereco.complemento}"/>
	             </h:panelGrid>
	             </p:fieldset> <br />
	             
	             <p:fieldset legend="Informações da conta">
	             <h:panelGrid columns="2">  
	                <h:outputLabel for="txtUsuarioConf" value="Usuário:"/>
	                <h:outputLabel id="txtUsuarioConf" value="#{cadastroUsuarioBean.login.usuario}"/>
	                
	                <h:outputLabel for="txtSenhaConf" value="Senha:"/>
	                <h:outputLabel id="txtSenhaConf" value="#{cadastroUsuarioBean.login.senha}"/>
	                
	                <h:outputLabel for="txtTipoUsuarioConf" value="Tipo de Usuário:"/>
	                <h:outputLabel id="txtTipoUsuarioConf" value="#{cadastroUsuarioBean.login.tipoUsuario.valor}"/>
	             </h:panelGrid>
	             </p:fieldset>  <br />
	             
	             <p:commandButton ajax="false" action="#{cadastroUsuarioBean.salvar()}" value="Salvar Dados"  />
	               	      
	            </p:panel>
	        </p:tab>
	        
	    </p:wizard>
	    			
	    </p:fieldset>
	    		
	</h:form>
	</ui:define>
</ui:composition>
</html>